<script setup lang="ts">
import Tree from '../components/checkboxtree/index.vue'
import Functiontable from '../components/functiontable/index.vue'
defineOptions({
  name: 'Menu',
})
const tabletitle = ref({
  name: '组织机构设置',
  istable: 'Menutable',
  search: '模糊搜索：'
})
</script>

<template>
  <div id="Menu">
    <div class="Menu_tree">
      <Tree />
    </div>
    <div class="Menu_table">
      <Functiontable :tabletitle="tabletitle" />
    </div>
  </div>
</template>

<style lang="scss" scoped>
#Menu {
  display: flex;
  height: 100%;
  .Menu_tree {
    background-color: #fff;
    margin-right: 10px;
    padding: 30px 20px 0;
  }
  .Menu_table {
    flex: 1;
  }
}
</style>
